@charset "utf-8";
@import "reset";
@import "common";
@import "searchheader";

html{
    background-color: #f1f1f1;
}  
 
section{
    .title{
        width: r(579px);
        margin: r(32px) auto 0 auto;
        font-size: r(27px);
        line-height: r(27px);
    }
    .tagsum{
        width: r(579px);
        margin: r(16px) auto 0 auto;
        font-size: 0;
//      border: r(1px) solid $;
        .tag{
//          width: ;
            display: inline-block;
            font-size: r(27px); 
            color: #8b8b8b;
            line-height: r(54px);
            border: r(1px) solid $bordercolor;
            background-color: white;
            margin-right: r(8px);
            margin-top: r(10px);
            &:nth-of-type(1),&:nth-of-type(2),&:nth-of-type(3){
                margin-top: 0;
            }
            padding: {
                left: r(17px);    
                right: r(17px);
            }
            
            &:hover{
                color: white;
                background-color: red;
            }
        }
        .active{  
            color: white;
            background-color: red;
        }
        
    }
    
}
